
        .learn{
            width:100%;
            margin:0 auto;
            background: #0b1a5f;
        }
        h2{
            color:#fff;
            text-align: center;
            padding:30px 0;
        }
        .subject{
            display: flex;
            justify-content: space-around;
            background: #152980;
            padding-bottom:10px;
            width:100%;
        }
        .subject li{
            color:#fff;
            padding:5px 10px;
            font-size: 12px;
        }
       .tabhover{
           border-bottom:1px solid #ddd;
       }
       .pie{
           text-align: center;
           color:#fff;
           padding-top:30px;
       }
       canvas{
           margin-top:30px;
       }
       .noStudy{
           margin:0 auto;
           margin-bottom:3rem;
       }
       .noStudy tr{
           display: block;
           padding:0.5rem 0;
           border-bottom:1px solid #02baab;
       }
       .noStudy tr td{
           display: inline-block;
           margin:0 3rem;
       }
       .end{
           color:#02baab;
           margin:0 auto;
       }.z_biaozhu{
            float: right;
            margin-right:20px;
            margin-bottom:20px;
        }
        .z_biaozhu p{
            font-size: 12px;
        }
        .z_biaozhu p:first-child{
            color:#ee807c;
        }
        .z_biaozhu p:last-child{
            color:#00ccf7;
        }
        .z_biaozhu p i{
            display: inline-block;
            width:20px;
            height:10px;
            margin-right:5px;
        }
        .zw{
            background: #ee807c;
        }
        .sj{
            background: #00ccf7;
        }


       